html,
body {
  background: #ebf0f2;
  height: 100%;
}
.header {
  background: #574f5e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.66666667rem;
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
  color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header span {
  width: 2.66666667rem;
}
.choise {
  height: 2.66666667rem;
  background: #fff;
  padding: 0.66666667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choise .checkbox {
  position: relative;
}
.choise .checkbox input {
  width: 3.33333333rem;
  height: 1.73333333rem;
  opacity: 0;
  margin: 0;
}
.choise .checkbox input + label {
  width: 3.33333333rem;
  height: 1.73333333rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1.06666667rem;
  -webkit-box-shadow: 0 2px 2px 0 #ccc;
          box-shadow: 0 2px 2px 0 #ccc;
}
.choise .checkbox input + label::before,
.choise .checkbox input:checked + label::before,
.choise .checkbox input:checked + label::after {
  content: "";
  height: 1.73333333rem;
  width: 1.73333333rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}
.choise .checkbox input:checked + label {
  background: #4cd864;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.choise .checkbox input + label::before {
  left: 0;
  display: block;
}
.choise .checkbox input:checked + label::after {
  right: 0;
  display: block;
}
.running_target {
  height: 2.66666667rem;
  background: #fff;
  padding: 0.66666667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.66666667rem;
}
.line {
  margin-top: 0.66666667rem;
  padding-left: 0.66666667rem;
  padding-right: 0.66666667rem;
  background: #FFF;
}
.line ul li:nth-child(1),
.line ul li:nth-child(2) {
  height: 3.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ccc;
}
.line ul li:nth-child(3) {
  padding-left: 0;
  padding-right: 0;
}
.preheat {
  margin-top: 0.66666667rem;
  background: #fff;
  padding-left: 0.66666667rem;
  padding-right: 0.66666667rem;
}
.preheat .choise {
  border-bottom: 1px solid #ccc;
  padding-left: 0;
  padding-right: 0;
}
.preheat .actionPreview {
  height: 3.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prompt {
  font-size: 0.73333333rem;
  padding: 0.66666667rem;
}
.running_after {
  margin-top: 2rem;
  background: #fff;
  padding-left: 0.66666667rem;
  padding-right: 0.66666667rem;
}
.running_after .choise {
  border-bottom: 1px solid #ccc;
  padding-left: 0;
  padding-right: 0;
}
.running_after .actionPreview {
  height: 3.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
